const { defineConfig } = require('@vue/cli-service')
const Mock = require('mockjs')
const { list } = Mock.mock({
  'list|40': [{
    'id|+1': 1, // id从1开始，每次递增1
    'image': '@image(200X200,@color)', // 生成200X200随机颜色的图片
    'title': '@ctitle(3,50)', // 生成3到50个汉字的标题
    'price|1-100.1-2': 1 // 生成1到100之间的浮点数，小数点后1到2位
  }]
})
module.exports = defineConfig({
  transpileDependencies: true,
  // webpack提供的开发者服务器
  devServer: {
    setupMiddlewares: (mid, dev) => {
      // 列表接口
      dev.app.get('/api/list', (req, res) => {
        res.send({
          code: 200,
          data: list
        })
      })

      // 列表接口-分页请求
      // dev.app.get('/api/list', (req, res) => {
      //   const { pagination, pageNum } = req.query // 获取前端传过来的参数：页码、条数
      //   res.send({
      //     code: 200,
      //     // 1  10  ---- 0  1   2  3   4  5  6  7  8  9 
      //     //  2  10  ---- 10  11   12  。。。 19 
      //     data: list.slice((pagination - 1) * pageNum, pagination * pageNum)
      //   })
      // })
      return mid
    }
  }
})
